<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>成为配送员</title>
    <link rel="stylesheet" type="text/css" href="../js/cube-ui/cube.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/member-applyDeliveryer.css">
    <link rel="stylesheet" type="text/css" href="../css/component/choiceAddress.css"/>
</head>

<body>
    <div class="app-shell" id="deliveryer" v-cloak>
        <div class="family-main">
            <div class="family-header">
                <i class="family-goback" @click="goback()">返回</i>成为配送员
            </div>

            <div class="family-container">
                    <ul>
                        <li class="family-listLi"><span class="family-listLiLeft">姓名：</span><input type="text" v-model="params.realName" placeholder="请输入您的姓名" class="family-listInput"></li>
                        <li class="family-listLi"><span class="family-listLiLeft">电话：</span><input type="number" v-model="params.mobile" placeholder="请输入您的电话" class="family-listInput"></li>
                        <li class="family-listLi">
                            <span class="family-listLiLeft">小区住址：</span>
                            <div class="family-housingEstateBox" @click="showAddress" v-if="fullAddress">
                                <div class="family-houseEstate">{{housingEstate}}</div>
                                <div class="family-fullAddress">{{fullAddress}}</div>
                            </div>
                            <div class="family-housingEstate" @click="showAddress" v-else>{{housingEstate}}</div>
                        </li>
                        <li class="family-listLi"><span class="family-listLiLeft">详细住址：</span><input type="text" v-model="address" placeholder="请输入您的详细住址" class="family-listInput"></li>
                        <!-- <li class="family-listLi"><span class="family-listLiLeft">采买超市：</span><input type="text" v-model="supermarketName" placeholder="选择地址决定超市" readonly class="family-listInput" @click="getSupermarket()"></li> -->
                    </ul>
                    <div class="family-card">
                        <h3 class="family-cardH3">身份证正面</h3>
                        <h5 class="family-cardH5">在有效期内，字迹清晰，没有遮挡、涂抹</h5>
                        <div id="idcard1" class="family-idcard">
                            <img :src="idcardFront" v-if="idcardFront" class="family-idcardImg">
                            <input class="family-idcardInput" @change="showIdCardFront($event)" ref="idcardFrontFile" type="file"
                                accept="image/*" capture="camera">
                        </div>
                    </div>
                    <div class="family-card">
                        <h3 class="family-cardH3">身份证反面</h3>
                        <h5 class="family-cardH5">在有效期内，字迹清晰，没有遮挡、涂抹</h5>
                        <div id="idcard2" class="family-idcard">
                            <img :src="idcardBack" v-if="idcardBack" class="family-idcardImg">
                            <input class="family-idcardInput" @change="showIdCardBack($event)" ref="idcardBackFile" type="file"
                                accept="image/*" capture="camera">
                        </div>
                    </div>
                    <cube-button :primary="true" :disabled="btnDisabled" class="family-submit" @click="sumbit()"><cube-loading v-if="btnDisabled"></cube-loading>提交审核</cube-button>
            </div>

            <choice-address :isaddress="showAdd" @change="changeShow" @choice="setHouseEstate"></choice-address>

            <!-- <cube-popup type="my-popup" position="bottom" ref="myPopup4">
                <div class="pop-cont">
                    <div class="region-tab">
                        <span
                        v-for="(item,index) in regions"
                        :key="index"
                        :class="{active:index==curIndex}"
                        @click="changeTab(index)">{{item.name}}</span>
                        <div class="pop-close" @click="close">
                            <a>
                                <i class="image-icons iconfont icon-close"></i>
                            </a>
                        </div>
                    </div>
                    <div class="region-list">
                        <dl class="rl1">
                        <dd
                            v-for="list in curList"
                            :key="list.id"
                            @click="select(list)">{{list.name}}</dd>
                        </dl>
                    </div>
                </div>
            </cube-popup> -->
        </div>
    </div>
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/fetch20190612.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/cube-ui/cube.min.js"></script>
    <script src="../js/component/choiceAddress.js"></script>
    <script src="js/member-applyDeliveryer20190611.js"></script>
</body>
</html>
